body {
            background-color: var(--primary-background-color);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 0;
            z-index: 2;
            height: 100vh;
            align-items: center;
            justify-content: space-between;
            color: var(--Text-color); 
        }
        Header {
            position:fixed;
            background-color: var(--primary-background-color); 
            color: var(--Text-color); 
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: center;
            position: static;
            width: 100%;
            z-index: 1; 
            text-align: center;
            justify-content: space-between; 
            align-items: center;
        }

        footer {
            background-color:var(--Footer-background);
            color:#000000;
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: center;
            position: static;
            width: 100%;
            z-index:5;
        }

        .monheader {
    background-color: var(--Header-background); 
    color: var(--Text-color); 
    padding: 0px;
    position: static;
    width: 100%;
    z-index: 1; 
    text-align: center;
    justify-content: space-between; 
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 3px black;
                }

        .Titreheader {
            color:var(--Titlemain);
            font-family: 'Poppins', sans-serif ;
            text-align: center;
            align-items: center;
            font-size: 18px;
            padding: 0px;

        }
        .Titrefooter {
            color:var(--Titlemain);
            font-family: 'Poppins', sans-serif ;
            text-align: center;
            align-items: center;
            font-size: 15px;
            padding: 0px;

        }
        .alien {
            color:var(--Titlemain);
            font-family: 'Poppins', sans-serif ;
            text-align: center;
            align-items: center;
            font-size: 25px;
            padding: 10px;
            background-color:var(--secondary-background-color);
            border-radius: 20px;
            padding: 10px;
            border: #000000;
            border-style:groove;
            border-width: 1px;
        }

        .alien:hover {
            background-color:var(--third-background-color);
            border-width: 3px;
            box-shadow: 0px 0px 10px 3px black;
        }

        .DivCenter {

            text-align: center;
            align-items: center;
        }

        nav ul li{
            List-style-type:none;
            display:inline-block;
            padding:10px

        }
        
        .menu{
            font-family: 'Poppins', sans-serif ;
            font-size:20px;
            font-weight:600;
            color:var(--Titlemain);
            text-decoration: none;
        
        }
        .menu:hover{
            color:var( --Primary-color);
        }
        .menu:active{
        
            font-weight:600;
            color:var( --secondary-color);
            text-decoration: none;
        
        }

        .error_messages{

            color:#FF0000;
            font-family: 'Poppins', sans-serif ;
            font-size:16px;
            font-weight: 600;
        }
        .titremain{
            color:var(--Titlemain);
            font-family: 'Poppins', sans-serif ;
            text-align: center;
            align-items: center;
            font-size: 30px;
            padding: 0px;
            
        }
        .section {
            display: flex;
            flex-direction: row; 
            justify-content: space-around; 
            align-items:end;
            width: 100%; 
            margin: 20px 0; 
            flex-wrap: nowrap; 
        }


        .theme-button {
            background-color: rgba(216, 216, 216, 0.5); /* Couleur de fond fixe */
            border: 2px solid var(--text-color);
            border-radius: 20px 0px 0px 20px; /* Arrondi uniquement sur un côté */
            padding: 10px;
            cursor: pointer;
            width: 100px; /* Largeur fixe */
            height: 100px; /* Hauteur fixe */
            position: fixed; /* Positionnement fixe */
            top: 90%; /* Alignement depuis le haut */
            right: 0%; /* Alignement à droite */
            z-index: 1000; /* Pour s'assurer que le bouton est au-dessus des autres éléments */
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.3s, color 0.3s;
        }
        
        /* Styles pour les icônes */
        .theme-button .icon {
            width: 24px;
            height: 24px;
        }

        
        /* Hover sur le bouton : la couleur de fond ne doit pas changer */
        .theme-button:hover {
            background-color: #D8D8D8; /* Couleur de fond fixe au hover */
        }